<template>
  <div class="common-layout">
    <el-container>
      <el-aside width="350px" height="100%">
        <el-col :span="12">
          <div class="aa">
            <img alt="Vue loge" src="..\assets\logo1.png"></div>
        <el-menu :default-active="2"
        class="el-menu-vertical-demo"
        :unique-opened="true"
        @open="handleOpen"
        @close="handleClose">
        <div class="bb">
          <el-sub-menu index="5">
              <el-icon><Odometer /></el-icon>
              <router-link to="YiBiaoPan">仪表盘</router-link>
          </el-sub-menu></div>
          <div class="bb">
            <el-sub-menu index="1">
              <template #title>
                <span><el-icon><Menu /></el-icon>常用设置</span>
              </template>
              <el-menu-item index="1-1"> <router-link to="/JiaoShiGuanLi">教师管理</router-link></el-menu-item>
              <el-menu-item index="1-2"> <router-link to="/XueShengGuanLi">学生管理</router-link></el-menu-item>
              <el-menu-item index="1-3"> <router-link to="/GongGaoGuanLi">公告管理</router-link></el-menu-item>
            </el-sub-menu></div>
            <div class="bb">
            <el-sub-menu index="2">
              <template #title>
                <span><el-icon><Aim /></el-icon>问题</span>
              </template>
              <el-menu-item index="1-1"> <router-link to="/WenTiLieBiao">问题列表</router-link></el-menu-item>
              <el-menu-item index="1-2"> <router-link to="/ZengJiaTiMu">增加题目</router-link></el-menu-item>
              <el-menu-item index="1-3"> <router-link to="/DaoRuDaoChu">导入导出题目</router-link></el-menu-item>
            </el-sub-menu></div>
            <div class="bb">
            <el-sub-menu index="3">
              <template #title>
                <span><el-icon><Trophy /></el-icon>比赛&练习</span>
              </template>
              <el-menu-item index="1-1"> <router-link to="/BiSaiLieBiao">比赛列表</router-link></el-menu-item>
              <el-menu-item index="1-2"> <router-link to="/ChuangJiaBiSai">创建比赛</router-link></el-menu-item>
            </el-sub-menu></div>
            <div class="bb">
            <el-sub-menu index="4">
              <template #title>
                <span><el-icon><Collection /></el-icon>课程</span>
              </template>
              <el-menu-item index="1-1"> <router-link to="/KeChengLieBiao">课程列表</router-link></el-menu-item>
              <el-menu-item index="1-2"> <router-link to="/ChuangJianKeCheng">创建课程</router-link></el-menu-item>
            </el-sub-menu></div>
        </el-menu>
        </el-col>
        </el-aside>
        <el-container>
          <div class="cc">
            <el-header style="text-align: right; font-size:12px">
              <div class="toolbar">
                <el-icon><Search /></el-icon>&nbsp;&nbsp;
                <el-icon><Share /></el-icon>&nbsp;&nbsp;
                <span>username</span>
                <el-dropdown>
                  <el-icon style="margin-right: 8px; margin-top:1px">
                  </el-icon><Setting /><el-icon><ArrowDown /></el-icon>
                  <template #dropdown>
                    <el-dropdown-menu>
                      <el-dropdown-item>logout</el-dropdown-item>
                    </el-dropdown-menu>
                  </template>
                </el-dropdown>
              </div>
            </el-header>
          </div>
          <el-main>
            <div class="dd">
              <router-view></router-view>
            </div>
          </el-main>
          <el-footer>
            <div class="ee">
              <h5>Build Version:20210929bd</h5></div>
          </el-footer>
        </el-container>
        </el-container>
        </div>
</template>
<script>
import {Odometer,Menu,Aim,Trophy,Collection,Search,Share,ArrowDown} from '@element-plus/icons-vue'
export default{
data(){
    return{
            
    }
    },
    components:{
     Odometer,
     Menu,
     Aim,
     Trophy,
     Collection,
     Search,
     Share,
     ArrowDown
    }
}
</script>
<style scoped>
.toolbar{
    width: 1200px;
    margin-top: -40px;
}
.zz{
    margin-left: -1100px;
    width: 1200px;
    height: 1200px;
}
</style>
